import React from 'react';
import {ItemStyle} from './style'
import {Link} from 'react-router-dom'

const ListItem = (data) => {
  return (
    <ItemStyle>
      <Link to={"/detail/sale/"+data.id}>
        <div className="imgs">
          <img alt="" src={data.img}/>
        </div>
        <div className="details_box">
          <h2>{data}</h2>
          <div className="from">
            <span className="shop">{data.business}</span>
            <span className="data">{data.date}</span>
          </div>
        </div>
      </Link>
    </ItemStyle>
  );
}

export default ListItem;
